<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>算法首页</title>
</head>
<link rel="stylesheet" href="{{ url_for("static",filename="bookstrap.css") }}">
<link rel="stylesheet" href="{{ url_for("static",filename="index.css") }}">

<body>
<div class="container">
<div style="height: 30px"></div>
<div class="content">
  <a class="btn btn-primary" href="/p">Prim算法</a>
  <a class="btn btn-primary" href="/k">Kruskal算法</a>
</div>
<!--邻接矩阵-->
<table class="table" id="matrix">
  <thead>
  <h3 class="text-info" style="text-align: center; margin: 10px auto">邻接矩阵</h3>
  </thead>
 <tbody>
 <td style="width: 30px; height: 30px;text-align: center" class="table-success"></td>
 {% for h in range(longth) %}
 <td style="width: 30px; height: 30px;text-align: center" class="table-success">A{{h+1}}</td>
 {% endfor %}

{% for i in range(longth) %}
  <tr>
  <td style="width: 30px; height: 30px;text-align: center" class="table-success">A{{ i+1 }}</td>
{% for j in range(longth) %}
<td style="width: 30px; height: 30px;text-align: center;" class="table-info">{{data[i][j] }}</td>
{% endfor %}
  </tr>
{% endfor %}
</table>
<!--以上是临界矩阵-->
<p style="float: right">注意：（单位：米）</p><br><br>
  <p class="font-weight-light text-info">A1:燕山大学东校区活动中心</p><p class="font-weight-light text-info">A2:燕山大学学生公寓1号楼</p>
  <p class="font-weight-light text-info">A3:燕山大学学生公寓2号楼</p><p class="font-weight-light text-info">A4:燕山大学学生公寓3号楼</p>
  <p class="font-weight-light text-info">A5:燕山大学学生公寓4号楼</p><p class="font-weight-light text-info">A6:燕山大学学生公寓5号楼</p>
  <p class="font-weight-light text-info">A7:燕山大学学生公寓6号楼</p><p class="font-weight-light text-info">A8:燕山大学学生公寓7号楼</p>
  <p class="font-weight-light text-info">A9:燕山大学雁鸣湖餐厅</p><p class="font-weight-light text-info">A10:燕山大学世纪楼</p>
  <p class="font-weight-light text-info">A11:燕山大学东区第一教学楼</p><p class="font-weight-light text-info">A12:燕山大学东区第三教学楼</p>
  <p class="font-weight-light text-info">A13:燕山大学东区第四教学楼</p><p class="font-weight-light text-info">A14:燕山大学东区图书馆</p>
  <p class="font-weight-light text-info">A15:燕山大学机械馆</p><p class="font-weight-light text-info">A16燕山大学体育馆</p>
</div>
</body>
</html>